<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/content.css">
    <link rel="stylesheet" href="../css/index.css">
    <title>简装布局首页</title>
</head>

<body>
    <!-- 头部部分 -->
    <div class="head">
        <div class="head-c w">
            <!-- 头部版心 -->
            <div class="logo">
                <a href="">
                    <img src="../img/logo.png" alt="">
                </a>
            </div>
            <div class=" head-nav">
                <ul>
                    <li class="op0"><a href="">首页</a><span></span></li>
                    <li><a href="">项目</a><span></span></li>
                    <li><a href="">产品</a><span></span></li>
                    <li><a href="">服务</a><span></span></li>
                    <li><a href="">新闻</a><span></span></li>
                    <li><a href="">关于</a><span></span></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- banner部分 -->
    <div class="banner">
        <div class="banner-scroll">
            <ul>
                <li>
                    <div class="box-nav"></div>
                </li>
                <li>
                    <div class="box-nav"></div>
                </li>
                <li>
                    <div class="box-nav"></div>
                </li>
                <li>
                    <div class="box-nav"></div>
                </li>
                <li class="rm0">
                    <div class="box-nav"></div>
                </li>
            </ul>
        </div>
    </div>
    <!-- .项目展示 -->
    <div class="show">
        <div class="show-c w">
            <!-- 版心 -->
            <!-- /* 标题共用 */ -->
            <div class="title">
                <div class="title-text">
                    <div class="text-1">项目展示</div>
                    <div class="text-2">PROJECT DISPLAY</div>
                    <span class="span-1"></span>
                </div>
                <div class="title-line">
                    <span class="span-2"></span>
                </div>
            </div>
            <!-- /* 标题共用 */ -->
            <div class="show-subnav">
                <ul>
                    <li><a href="">家居</a>
                        <span></span>
                    </li>
                    <span></span>
                    <li><a href="">办公</a>
                        <span></span>
                    </li>
                    <span></span>
                    <li><a href="">餐饮</a>
                        <span></span>
                    </li>
                    <span></span>
                    <li><a href="">MORE</a>
                        <span></span>
                    </li>
                </ul>
            </div>
            <div class="show-content">
                <ul>
                    <li>
                        <div class="card">
                            <img class="show-picture" src="../img/content-2.jpg" alt="">
                            <div class="show-title">
                                <p class="title-top">月见棱廓 北京</p>
                                <p class="title-buttom">舒适而注重情感交流的小住宅</p>
                                <div class="buttom">
                                    <img src="../img/ragid.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="mask">
                            <img class="show-picture" src="../img/content-2.jpg" alt="">
                            <div class="text">
                                <p class="text-1">Marylebone公寓室内改造 上海</p>
                                <p class="text-2">木隔墙创造出简约的生活空间</p>
                                <p class="text-3">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                                    式厨房、餐厅和起居室空间和谐共融。</p>
                                <div class="box-buttom">
                                    <img src="../img/ragid.png" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="card">
                            <img class="show-picture" src="../img/content-2.jpg" alt="">
                            <div class="show-title">
                                <p class="title-top">月见棱廓 北京</p>
                                <p class="title-buttom">舒适而注重情感交流的小住宅</p>
                                <div class="buttom">
                                    <img src="../img/ragid.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="mask">
                            <img class="show-picture" src="../img/content-2.jpg" alt="">
                            <div class="text">
                                <p class="text-1">Marylebone公寓室内改造 上海</p>
                                <p class="text-2">木隔墙创造出简约的生活空间</p>
                                <p class="text-3">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                                    式厨房、餐厅和起居室空间和谐共融。</p>
                                <div class="box-buttom">
                                    <img src="../img/ragid.png" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="rm0">
                        <div class="card">
                            <img class="show-picture" src="../img/content-2.jpg" alt="">
                            <div class="show-title">
                                <p class="title-top">月见棱廓 北京</p>
                                <p class="title-buttom">舒适而注重情感交流的小住宅</p>
                                <div class="buttom">
                                    <img src="../img/ragid.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="mask">
                            <img class="show-picture" src="../img/content-2.jpg" alt="">
                            <div class="text">
                                <p class="text-1">Marylebone公寓室内改造 上海</p>
                                <p class="text-2">木隔墙创造出简约的生活空间</p>
                                <p class="text-3">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
                                    式厨房、餐厅和起居室空间和谐共融。</p>
                                <div class="box-buttom">
                                    <img src="../img/ragid.png" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 产品中心 -->
    <div class="goods">
        <div class="goods-c w">
            <!-- 版心 -->
            <!-- /* 标题共用 */ -->
            <div class="title">
                <div class="title-text">
                    <div class="text-1">产品中心</div>
                    <div class="text-2">PROJECT DISPLAY</div>
                    <span class="span-1"></span>
                </div>
                <div class="title-line">
                    <span class="span-2"></span>
                </div>
            </div>
            <!-- /* 标题共用 */ -->
            <div class="goods-nav">
                <ul>
                    <li>
                        <a href="">
                            <img src="../img/shafa.png" alt="">
                            <div class="text">
                                <p class="p-left">床</p>
                                <p class="p-right">BED</p>
                            </div>
                            <span></span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/shafa.png" alt="">
                            <div class="text">
                                <p class="p-left">床</p>
                                <p class="p-right">BED</p>
                            </div>
                            <span></span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/shafa.png" alt="">
                            <div class="text">
                                <p class="p-left">床</p>
                                <p class="p-right">BED</p>
                            </div>
                            <span></span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/shafa.png" alt="">
                            <div class="text">
                                <p class="p-left">床</p>
                                <p class="p-right">BED</p>
                            </div>
                            <span></span>
                        </a>
                    </li>
                    <li class="rm0">
                        <a href="">
                            <img src="../img/shafa.png" alt="">
                            <div class="text">
                                <p class="p-left">床</p>
                                <p class="p-right">BED</p>
                            </div>
                            <span></span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="produce-bad share">
                <ul>
                    <li class="item-1">
                        <div class="derc">
                            <img src="../img/goods/bad-1.png" alt="">
                            <div class="text  initial">
                                <p class="p-1">PEMBERLY ROW</p>
                                <p class="p-2 ">软垫加州特大号床板ZUMA PUMICE</p>
                            </div>
                            <div class="mask">
                                <div class="Symbol">
                                    <span></span>
                                    <p class="p-item">01</p>
                                </div>
                                <div class="text">
                                    <p class="p-1">PEMBERLY ROW</p>
                                    <p class="p-2">软垫加州特大号床板ZUMA PUMICE</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="derc">
                            <img src="../img/goods/bad-2.png" alt="">
                            <div class="text  initial">
                                <p class="p-1">SOLOMAN</p>
                                <p class="p-2 ">中世纪浅米色面料平台床</p>
                            </div>
                            <div class="mask">
                                <div class="Symbol">
                                    <span></span>
                                    <p class="p-item">02</p>
                                </div>
                                <div class="text">
                                    <p class="p-1">SOLOMAN</p>
                                    <p class="p-2">中世纪浅米色面料平台床</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="rm0">
                        <div class="derc">
                            <img src="../img/goods/bad-3.png" alt="">
                            <div class="text  initial">
                                <p class="p-1">CHESTER</p>
                                <p class="p-2 ">簇绒天鹅绒特大号床</p>
                            </div>
                            <div class="mask">
                                <div class="Symbol">
                                    <span></span>
                                    <p class="p-item">03</p>
                                </div>
                                <div class="text">
                                    <p class="p-1">CHESTER</p>
                                    <p class="p-2">簇绒天鹅绒特大号床</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="derc">
                            <img src="../img/goods/bad-4.png" alt="">
                            <div class="text  initial">
                                <p class="p-1">HAWTHORNE</p>
                                <p class="p-2 ">女王平台床</p>
                            </div>
                            <div class="mask">
                                <div class="Symbol">
                                    <span></span>
                                    <p class="p-item">04</p>
                                </div>
                                <div class="text">
                                    <p class="p-1">HAWTHORNE</p>
                                    <p class="p-2">女王平台床</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="derc">
                            <img src="../img/goods/bad-5.png" alt="">
                            <div class="text  initial">
                                <p class="p-1">HENRY MID-CENTURY</p>
                                <p class="p-2 ">现代软垫平台床</p>
                            </div>
                            <div class="mask">
                                <div class="Symbol">
                                    <span></span>
                                    <p class="p-item">05</p>
                                </div>
                                <div class="text">
                                    <p class="p-1">HENRY MID-CENTURY</p>
                                    <p class="p-2">现代软垫平台床</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="rm0">
                        <div class="derc">
                            <img src="../img/goods/bad-6.png" alt="">
                            <div class="text  initial">
                                <p class="p-1">MODBERG</p>
                                <p class="p-2 ">墨西拿灰色生态床</p>
                            </div>
                            <div class="mask">
                                <div class="Symbol">
                                    <span></span>
                                    <p class="p-item">06</p>
                                </div>
                                <div class="text">
                                    <p class="p-1">MODBERG</p>
                                    <p class="p-2">墨西拿灰色生态床</p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 服务范围 -->
    <div class="service">
        <div class="service-banner">
            <div class="service-c w">
                <!-- 版心 -->
                <!-- /* 标题共用 */ -->
                <div class="title">
                    <div class="title-text">
                        <div class="text-1">服务范围</div>
                        <div class="text-2">PROJECT DISPLAY</div>
                        <span class="span-1"></span>
                    </div>
                    <div class="title-line">
                        <span class="span-2"></span>
                    </div>
                </div>
                <!-- /* 标题共用 */ -->
                <div class="service-text">
                    <p class="text-1">SERVICES</p>
                    <p class="text-2">We already have some pretty specific ideas about what <br>
                        our next services should be.</p>
                </div>
                <div class="service-nav">
                    <ul>
                        <li>
                            <div class="text">
                                <p class="text-1">翻新改造</p>
                                <span class="line"></span>
                                <p class="text-3">Renovate remould </p>
                            </div>
                        </li>
                        <li>
                            <div class="text">
                                <p class="text-1">研究设计</p>
                                <span class="line"></span>
                                <p class="text-3">Research design </p>
                            </div>
                        </li>
                        <li>
                            <div class="text">
                                <p class="text-1">创新战略</p>
                                <span class="line"></span>
                                <p class="text-3">Innovation strategy </p>
                            </div>
                        </li>
                        <li>
                            <div class="text">
                                <p class="text-1">视觉方案</p>
                                <span class="line"></span>
                                <p class="text-3">Vision precept </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 新闻资讯 -->
    <div class="news">
        <div class="news-c w">
            <!-- 版心 -->
            <!-- /* 标题共用 */ -->
            <div class="title">
                <div class="title-text">
                    <div class="text-1">新闻资讯</div>
                    <div class="text-2">PROJECT DISPLAY</div>
                    <span class="span-1"></span>
                </div>
                <div class="title-line">
                    <span class="span-2"></span>
                </div>
            </div>
            <div class="information">
                <div class="new-no1">
                    <div class="new-f">
                        <div class="mask">
                            <p class="text-top">看得到的品质，看不到的用心!</p>
                            <p class="text-buttom">
                                专注品质，从现代生活崇尚简约大气的角度出发，家具不仅仅 <br>
                                是一件家具这么简单，更是一件工艺品的象征。
                            </p>
                            <div class="picture">
                                <img src="../img/ragid.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="new-no3">
                        <ul>
                            <li class="item-1 "></li>
                            <li class="item-2 rm0"></li>
                        </ul>
                    </div>
                </div>
                <div class="picture-1">

                </div>
            </div>
            <!-- /* 标题共用 */ -->
        </div>
    </div>
    <!-- 关于简设 -->
    <div class="about">
        <div class="about-c w">
            <!-- 版心 -->
            <!-- /* 标题共用 */ -->
            <div class="title">
                <div class="title-text">
                    <div class="text-1">关于简设</div>
                    <div class="text-2">PROJECT DISPLAY</div>
                    <span class="span-1"></span>
                </div>
                <div class="title-line">
                    <span class="span-2"></span>
                </div>
            </div>
            <!-- /* 标题共用 */ -->
            <div class="about-content">
                <div class="picture"></div>
                <div class="text">
                    <p>
                        简设装饰集团【简设装饰（JS DECORATION）】，已成为全球最大的家具家居用品商家，销售主要包括座椅
                        沙发系列、办公用品、卧室系列、厨房系列、照明系列、纺织品、炊具系列、房屋储藏系列、儿童产品系列等
                        约10,000个产品。
                    </p>
                    <p>
                        为了让更多的顾客成为简设的品牌布道者，简设的一个重要策略就是销售梦想而不是产品。为了做到这一点，
                        简设不仅提供广泛、设计精美、实用、低价的产品，而且也把产品跟公益事业进行联姻。
                    </p>
                    <p>
                        简设还有一个独特的策略，采用一体化品牌模式的品牌，即拥有品牌、设计及销售渠道。在产品品牌上，简设
                        把公司的2万多种产品，分为三大系列：简设办公、家庭储物、儿童简设。在简设品牌的强势支撑下，2万多种
                        产品均建立了自己的品牌。
                    </p>
                </div>
            </div>

        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer-c w">
            <!-- 版心 -->
            <div class="footer-box">
                <ul class="list-item">
                    <li>简设装饰有限公司</li>
                    <li>
                        <img src="../img/新浪.png" alt="">
                        <img src="../img/微信.png" alt="">
                        <img src="../img/QQ.png" alt="">
                    </li>
                </ul>
                <span></span>
                <ul>
                    <li>地址：中国地区**分区6号写字楼888室</li>
                    <li>电话：688-8888-008</li>
                    <li>传真：000-66668888</li>
                </ul>
                <span></span>
                <ul>
                    <li>邮编：100000 </li>
                    <li>手机：186-6006-8008</li>
                    <li>邮箱：00060008@163.com</li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>